<ui:composition template="../templates/3-layoutTemplate.xhtml" xmlns="http://www.w3.org/1999/xhtml"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:f="http://java.sun.com/jsf/core"
                xmlns:p="http://primefaces.org/ui"
                xmlns:ui="http://java.sun.com/jsf/facelets"
                xmlns:c="http://java.sun.com/jsp/jstl/core">

    <ui:define name="content-middle">
        <h:form id="form">  

            <h1>Hi This is ck editor test page</h1>

	<textarea id="editor1" cols="10" rows="10">

		&lt;p&gt;The following equations are represented in the HTML source code as LaTeX expressions.&lt;/p&gt;&lt;h1&gt;
		The Cauchy-Schwarz Inequality&lt;/h1&gt;&lt;p&gt;&lt;span class=&quot;
		math-tex&quot;&gt;\( \left( \sum_{k=1}^n a_k b_k \right)^2 \leq \left( \sum_{k=1}^n a_k^2 \right) \left( \sum_{k=1}^n b_k^2 \right) \)&lt;/span&gt;&lt;/p&gt;&lt;h1&gt;
		The probability of getting &lt;span class=&quot;math-tex&quot;&gt;\(k\)&lt;/span&gt; heads when flipping &lt;span class=&quot;
		math-tex&quot;&gt;\(n\)&lt;/span&gt; coins is&lt;/h1&gt;&lt;p&gt;&lt;span class=&quot;math-tex&quot;&gt;\(P(E) = {n \choose k} p^k (1-p)^{ n-k} \)&lt;/span&gt;&lt;/p&gt;&lt;p&gt;
		Finally, while displaying equations is useful for demonstration purposes, the ability to mix math and text in a paragraph is also important. 
		This expression &lt;span class=&quot;math-tex&quot;&gt;\(\sqrt{3x-1}+(1+x)^2\)&lt;/span&gt; is an example of an inline equation.  As you see, 
		MathJax equations can be used this way as well, without disturbing the spacing between the lines.&lt;/p&gt;

	</textarea>
	<script>

		CKEDITOR.replace( 'editor1', {
			extraPlugins: 'mathjax',
			height: 350
		} );

		if ( CKEDITOR.env.ie &amp;&amp; CKEDITOR.env.version == 8 )
			document.getElementById( 'ie8-warning' ).className = 'warning';

	</script>
            
            
        </h:form>

    </ui:define>

</ui:composition>